﻿<!DOCTYPE html>
<html>
  <head>
    <title>消息页逻辑图</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/消息页逻辑图/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/消息页逻辑图/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组 合) -->
      <div id="u2154" class="ax_default" data-left="8" data-top="23" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u2155" class="ax_default" data-left="8" data-top="23" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u2156" class="ax_default box_1">
            <div id="u2156_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2157" class="ax_default box_1">
            <div id="u2157_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u2158" class="ax_default ellipse">
            <img id="u2158_img" class="img " src="images/全局说明/u293.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u2159" class="ax_default ellipse">
            <img id="u2159_img" class="img " src="images/首页逻辑图/u518.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2160" class="ax_default box_1">
            <div id="u2160_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2161" class="ax_default _图片">
          <img id="u2161_img" class="img " src="images/全局说明/u296.png"/>
        </div>

        <!-- 个人头像 (组 合) -->
        <div id="u2162" class="ax_default" data-label="个人头像" data-left="23" data-top="132" data-width="33" data-height="32">

          <!-- Unnamed (椭圆形) -->
          <div id="u2163" class="ax_default ellipse">
            <img id="u2163_img" class="img " src="images/消息页逻辑图/u2163.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2164" class="ax_default icon">
            <img id="u2164_img" class="img " src="images/消息页逻辑图/u2164.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2165" class="ax_default box_2">
          <div id="u2165_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2166" class="ax_default label">
          <div id="u2166_div" class=""></div>
          <div id="u2166_text" class="text ">
            <p><span>首页</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2167" class="ax_default label">
          <div id="u2167_div" class=""></div>
          <div id="u2167_text" class="text ">
            <p><span>社区</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2168" class="ax_default label">
          <div id="u2168_div" class=""></div>
          <div id="u2168_text" class="text ">
            <p><span>创作</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2169" class="ax_default label">
          <div id="u2169_div" class=""></div>
          <div id="u2169_text" class="text ">
            <p><span>消息</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2170" class="ax_default label">
          <div id="u2170_div" class=""></div>
          <div id="u2170_text" class="text ">
            <p><span>我的</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u2171" class="ax_default box_2">
          <img id="u2171_img" class="img " src="images/消息页逻辑图/u2171.png"/>
          <div id="u2171_text" class="text ">
            <p><span>评论</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u2172" class="ax_default box_2">
          <img id="u2172_img" class="img " src="images/消息页逻辑图/u2171.png"/>
          <div id="u2172_text" class="text ">
            <p><span>赞</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u2173" class="ax_default box_2">
          <img id="u2173_img" class="img " src="images/消息页逻辑图/u2171.png"/>
          <div id="u2173_text" class="text ">
            <p><span>@我的</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u2174" class="ax_default box_2">
          <img id="u2174_img" class="img " src="images/消息页逻辑图/u2171.png"/>
          <div id="u2174_text" class="text ">
            <p><span>通知</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2175" class="ax_default box_1">
          <div id="u2175_div" class=""></div>
          <div id="u2175_text" class="text ">
            <p><span>联系人</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2176" class="ax_default line">
          <img id="u2176_img" class="img " src="images/首页逻辑图/u575.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2177" class="ax_default box_1">
          <div id="u2177_div" class=""></div>
          <div id="u2177_text" class="text ">
            <p><span>小A</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2178" class="ax_default box_1">
          <div id="u2178_div" class=""></div>
          <div id="u2178_text" class="text ">
            <p><span>邀请您加入创…</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2179" class="ax_default box_1">
          <div id="u2179_div" class=""></div>
          <div id="u2179_text" class="text ">
            <p><span>12:00</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u2180" class="ax_default box_2">
          <img id="u2180_img" class="img " src="images/消息页逻辑图/u2180.png"/>
          <div id="u2180_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- 个人头像 (组 合) -->
        <div id="u2181" class="ax_default" data-label="个人头像" data-left="23" data-top="178" data-width="33" data-height="32">

          <!-- Unnamed (椭圆形) -->
          <div id="u2182" class="ax_default ellipse">
            <img id="u2182_img" class="img " src="images/消息页逻辑图/u2163.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2183" class="ax_default icon">
            <img id="u2183_img" class="img " src="images/消息页逻辑图/u2164.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2184" class="ax_default box_1">
          <div id="u2184_div" class=""></div>
          <div id="u2184_text" class="text ">
            <p><span>B君</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2185" class="ax_default box_1">
          <div id="u2185_div" class=""></div>
          <div id="u2185_text" class="text ">
            <p><span>在吗？</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2186" class="ax_default box_1">
          <div id="u2186_div" class=""></div>
          <div id="u2186_text" class="text ">
            <p><span>11:58</span></p>
          </div>
        </div>

        <!-- 个人头像 (组 合) -->
        <div id="u2187" class="ax_default" data-label="个人头像" data-left="23" data-top="224" data-width="33" data-height="32">

          <!-- Unnamed (椭圆形) -->
          <div id="u2188" class="ax_default ellipse">
            <img id="u2188_img" class="img " src="images/消息页逻辑图/u2163.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2189" class="ax_default icon">
            <img id="u2189_img" class="img " src="images/消息页逻辑图/u2164.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2190" class="ax_default box_1">
          <div id="u2190_div" class=""></div>
          <div id="u2190_text" class="text ">
            <p><span>CC</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2191" class="ax_default box_1">
          <div id="u2191_div" class=""></div>
          <div id="u2191_text" class="text ">
            <p><span>玩不？</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2192" class="ax_default box_1">
          <div id="u2192_div" class=""></div>
          <div id="u2192_text" class="text ">
            <p><span>11:00</span></p>
          </div>
        </div>

        <!-- 个人头像 (组 合) -->
        <div id="u2193" class="ax_default" data-label="个人头像" data-left="23" data-top="271" data-width="33" data-height="32">

          <!-- Unnamed (椭圆形) -->
          <div id="u2194" class="ax_default ellipse">
            <img id="u2194_img" class="img " src="images/消息页逻辑图/u2163.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2195" class="ax_default icon">
            <img id="u2195_img" class="img " src="images/消息页逻辑图/u2164.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2196" class="ax_default box_1">
          <div id="u2196_div" class=""></div>
          <div id="u2196_text" class="text ">
            <p><span>D酱</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2197" class="ax_default box_1">
          <div id="u2197_div" class=""></div>
          <div id="u2197_text" class="text ">
            <p><span>大大！你什…</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2198" class="ax_default box_1">
          <div id="u2198_div" class=""></div>
          <div id="u2198_text" class="text ">
            <p><span>10:43</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u2199" class="ax_default box_2">
          <img id="u2199_img" class="img " src="images/消息页逻辑图/u2180.png"/>
          <div id="u2199_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u2200" class="ax_default box_2">
          <img id="u2200_img" class="img " src="images/消息页逻辑图/u2180.png"/>
          <div id="u2200_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u2201" class="ax_default box_2">
          <img id="u2201_img" class="img " src="images/消息页逻辑图/u2180.png"/>
          <div id="u2201_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u2202" class="ax_default" data-left="256" data-top="23" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u2203" class="ax_default" data-left="256" data-top="23" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u2204" class="ax_default box_1">
            <div id="u2204_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2205" class="ax_default box_1">
            <div id="u2205_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u2206" class="ax_default ellipse">
            <img id="u2206_img" class="img " src="images/全局说明/u293.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u2207" class="ax_default ellipse">
            <img id="u2207_img" class="img " src="images/首页逻辑图/u518.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2208" class="ax_default box_1">
            <div id="u2208_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2209" class="ax_default _图片">
          <img id="u2209_img" class="img " src="images/全局说明/u296.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u2210" class="ax_default icon1">
          <img id="u2210_img" class="img " src="images/消息页逻辑图/u2210.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2211" class="ax_default box_1">
          <div id="u2211_div" class=""></div>
          <div id="u2211_text" class="text ">
            <p><span>联系人</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2212" class="ax_default line">
          <img id="u2212_img" class="img " src="images/首页逻辑图/u575.png"/>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u2213" class="ax_default" data-left="265" data-top="98" data-width="155" data-height="17">

          <!-- Unnamed (矩形) -->
          <div id="u2214" class="ax_default box_2">
            <div id="u2214_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2215" class="ax_default box_2">
            <div id="u2215_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u2216" class="ax_default" data-left="330" data-top="100" data-width="32" data-height="15">

          <!-- Unnamed (矩形) -->
          <div id="u2217" class="ax_default _28号字_页面备注信息及列表的表头说明文字__）">
            <div id="u2217_div" class=""></div>
            <div id="u2217_text" class="text ">
              <p><span>搜索</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2218" class="ax_default _形状">
            <img id="u2218_img" class="img " src="images/首页逻辑图/u588.png"/>
          </div>
        </div>

        <!-- 个人头像 (组 合) -->
        <div id="u2219" class="ax_default" data-label="个人头像" data-left="271" data-top="139" data-width="33" data-height="33">

          <!-- Unnamed (椭圆形) -->
          <div id="u2220" class="ax_default ellipse">
            <img id="u2220_img" class="img " src="images/消息页逻辑图/u2220.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2221" class="ax_default icon">
            <img id="u2221_img" class="img " src="images/消息页逻辑图/u2221.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2222" class="ax_default box_1">
          <div id="u2222_div" class=""></div>
          <div id="u2222_text" class="text ">
            <p><span>小A</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2223" class="ax_default box_1">
          <div id="u2223_div" class=""></div>
          <div id="u2223_text" class="text ">
            <p><span>这里是小A</span></p>
          </div>
        </div>

        <!-- 个人头像 (组 合) -->
        <div id="u2224" class="ax_default" data-label="个人头像" data-left="271" data-top="184" data-width="33" data-height="33">

          <!-- Unnamed (椭圆形) -->
          <div id="u2225" class="ax_default ellipse">
            <img id="u2225_img" class="img " src="images/消息页逻辑图/u2220.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2226" class="ax_default icon">
            <img id="u2226_img" class="img " src="images/消息页逻辑图/u2221.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2227" class="ax_default box_1">
          <div id="u2227_div" class=""></div>
          <div id="u2227_text" class="text ">
            <p><span>B君</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2228" class="ax_default box_1">
          <div id="u2228_div" class=""></div>
          <div id="u2228_text" class="text ">
            <p><span>Biubiubiubiu</span></p>
          </div>
        </div>

        <!-- 个人头像 (组 合) -->
        <div id="u2229" class="ax_default" data-label="个人头像" data-left="271" data-top="228" data-width="33" data-height="33">

          <!-- Unnamed (椭圆形) -->
          <div id="u2230" class="ax_default ellipse">
            <img id="u2230_img" class="img " src="images/消息页逻辑图/u2220.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2231" class="ax_default icon">
            <img id="u2231_img" class="img " src="images/消息页逻辑图/u2221.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2232" class="ax_default box_1">
          <div id="u2232_div" class=""></div>
          <div id="u2232_text" class="text ">
            <p><span>CC</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2233" class="ax_default box_1">
          <div id="u2233_div" class=""></div>
          <div id="u2233_text" class="text ">
            <p><span>来人陪我玩创玩空…</span></p>
          </div>
        </div>

        <!-- 个人头像 (组 合) -->
        <div id="u2234" class="ax_default" data-label="个人头像" data-left="271" data-top="273" data-width="33" data-height="33">

          <!-- Unnamed (椭圆形) -->
          <div id="u2235" class="ax_default ellipse">
            <img id="u2235_img" class="img " src="images/消息页逻辑图/u2220.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2236" class="ax_default icon">
            <img id="u2236_img" class="img " src="images/消息页逻辑图/u2221.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2237" class="ax_default box_1">
          <div id="u2237_div" class=""></div>
          <div id="u2237_text" class="text ">
            <p><span>D酱</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2238" class="ax_default box_1">
          <div id="u2238_div" class=""></div>
          <div id="u2238_text" class="text ">
            <p><span>超级喜欢大大！</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2239" class="ax_default box_1">
          <div id="u2239_div" class=""></div>
          <div id="u2239_text" class="text ">
            <p><span>好友</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2240" class="ax_default line">
          <img id="u2240_img" class="img " src="images/消息页逻辑图/u2240.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2241" class="ax_default line">
          <img id="u2241_img" class="img " src="images/消息页逻辑图/u2240.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2242" class="ax_default line">
          <img id="u2242_img" class="img " src="images/消息页逻辑图/u2240.png"/>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u2243" class="ax_default _连接线">
        <img id="u2243_seg0" class="img " src="images/消息页逻辑图/u2243_seg0.png" alt="u2243_seg0"/>
        <img id="u2243_seg1" class="img " src="images/消息页逻辑图/u2243_seg1.png" alt="u2243_seg1"/>
        <img id="u2243_seg2" class="img " src="images/消息页逻辑图/u2243_seg2.png" alt="u2243_seg2"/>
        <img id="u2243_seg3" class="img " src="images/首页逻辑图/u624_seg4.png" alt="u2243_seg3"/>
        <div id="u2243_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u2244" class="ax_default" data-left="259" data-top="392" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u2245" class="ax_default" data-left="259" data-top="392" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u2246" class="ax_default box_1">
            <div id="u2246_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2247" class="ax_default box_1">
            <div id="u2247_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u2248" class="ax_default ellipse">
            <img id="u2248_img" class="img " src="images/全局说明/u293.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u2249" class="ax_default ellipse">
            <img id="u2249_img" class="img " src="images/首页逻辑图/u518.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2250" class="ax_default box_1">
            <div id="u2250_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2251" class="ax_default _图片">
          <img id="u2251_img" class="img " src="images/全局说明/u296.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2252" class="ax_default line">
          <img id="u2252_img" class="img " src="images/首页逻辑图/u575.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2253" class="ax_default box_2">
          <div id="u2253_div" class=""></div>
        </div>

        <!-- Unnamed (气泡) -->
        <div id="u2254" class="ax_default box_1">
          <img id="u2254_img" class="img " src="images/消息页逻辑图/u2254.png"/>
        </div>

        <!-- Unnamed (气泡) -->
        <div id="u2255" class="ax_default box_1">
          <img id="u2255_img" class="img " src="images/消息页逻辑图/u2255.png"/>
        </div>

        <!-- 个人头像 (组 合) -->
        <div id="u2256" class="ax_default" data-label="个人头像" data-left="271" data-top="495" data-width="33" data-height="33">

          <!-- Unnamed (椭圆形) -->
          <div id="u2257" class="ax_default ellipse">
            <img id="u2257_img" class="img " src="images/消息页逻辑图/u2220.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2258" class="ax_default icon">
            <img id="u2258_img" class="img " src="images/消息页逻辑图/u2221.png"/>
          </div>
        </div>

        <!-- 个人头像 (组 合) -->
        <div id="u2259" class="ax_default" data-label="个人头像" data-left="271" data-top="541" data-width="33" data-height="33">

          <!-- Unnamed (椭圆形) -->
          <div id="u2260" class="ax_default ellipse">
            <img id="u2260_img" class="img " src="images/消息页逻辑图/u2220.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2261" class="ax_default icon">
            <img id="u2261_img" class="img " src="images/消息页逻辑图/u2221.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2262" class="ax_default box_1">
          <div id="u2262_div" class=""></div>
          <div id="u2262_text" class="text ">
            <p><span>11:58</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2263" class="ax_default box_2">
          <div id="u2263_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2264" class="ax_default box_3">
          <div id="u2264_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2265" class="ax_default label">
          <div id="u2265_div" class=""></div>
          <div id="u2265_text" class="text ">
            <p><span>发送</span></p>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u2266" class="ax_default" data-left="276" data-top="683" data-width="10" data-height="17">

          <!-- Unnamed (形状) -->
          <div id="u2267" class="ax_default _形状">
            <img id="u2267_img" class="img " src="images/消息页逻辑图/u2267.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2268" class="ax_default _形状">
            <img id="u2268_img" class="img " src="images/首页逻辑图/u595.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2269" class="ax_default box_2">
          <div id="u2269_div" class=""></div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u2270" class="ax_default _形状">
          <img id="u2270_img" class="img " src="images/书籍阅读/u1081.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2271" class="ax_default box_1">
          <div id="u2271_div" class=""></div>
          <div id="u2271_text" class="text ">
            <p><span>B君</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u2272" class="ax_default _连接线">
        <img id="u2272_seg0" class="img " src="images/书籍阅读/u1090_seg0.png" alt="u2272_seg0"/>
        <img id="u2272_seg1" class="img " src="images/消息页逻辑图/u2272_seg1.png" alt="u2272_seg1"/>
        <img id="u2272_seg2" class="img " src="images/消息页逻辑图/u2272_seg2.png" alt="u2272_seg2"/>
        <img id="u2272_seg3" class="img " src="images/消息页逻辑图/u2272_seg3.png" alt="u2272_seg3"/>
        <img id="u2272_seg4" class="img " src="images/书籍阅读/u1090_seg6.png" alt="u2272_seg4"/>
        <img id="u2272_seg5" class="img " src="images/首页逻辑图/u624_seg4.png" alt="u2272_seg5"/>
        <div id="u2272_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u2273" class="ax_default _连接线">
        <img id="u2273_seg0" class="img " src="images/消息页逻辑图/u2273_seg0.png" alt="u2273_seg0"/>
        <img id="u2273_seg1" class="img " src="images/消息页逻辑图/u2273_seg1.png" alt="u2273_seg1"/>
        <img id="u2273_seg2" class="img " src="images/消息页逻辑图/u2273_seg2.png" alt="u2273_seg2"/>
        <img id="u2273_seg3" class="img " src="images/首页逻辑图/u625_seg4.png" alt="u2273_seg3"/>
        <img id="u2273_seg4" class="img " src="images/创玩区-进入房间/u1470_seg3.png" alt="u2273_seg4"/>
        <div id="u2273_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u2274" class="ax_default" data-left="510" data-top="23" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u2275" class="ax_default" data-left="510" data-top="23" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u2276" class="ax_default box_1">
            <div id="u2276_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2277" class="ax_default box_1">
            <div id="u2277_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u2278" class="ax_default ellipse">
            <img id="u2278_img" class="img " src="images/全局说明/u293.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u2279" class="ax_default ellipse">
            <img id="u2279_img" class="img " src="images/首页逻辑图/u518.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2280" class="ax_default box_1">
            <div id="u2280_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2281" class="ax_default _图片">
          <img id="u2281_img" class="img " src="images/全局说明/u296.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u2282" class="ax_default icon1">
          <img id="u2282_img" class="img " src="images/消息页逻辑图/u2210.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2283" class="ax_default box_1">
          <div id="u2283_div" class=""></div>
          <div id="u2283_text" class="text ">
            <p><span>联系人</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2284" class="ax_default line">
          <img id="u2284_img" class="img " src="images/首页逻辑图/u575.png"/>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u2285" class="ax_default" data-left="519" data-top="98" data-width="155" data-height="17">

          <!-- Unnamed (矩形) -->
          <div id="u2286" class="ax_default box_2">
            <div id="u2286_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2287" class="ax_default box_2">
            <div id="u2287_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u2288" class="ax_default" data-left="584" data-top="101" data-width="32" data-height="15">

          <!-- Unnamed (矩形) -->
          <div id="u2289" class="ax_default _28号字_页面备注信息及列表的表头说明文字__）">
            <div id="u2289_div" class=""></div>
            <div id="u2289_text" class="text ">
              <p><span>搜索</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2290" class="ax_default _形状">
            <img id="u2290_img" class="img " src="images/首页逻辑图/u588.png"/>
          </div>
        </div>

        <!-- 个人头像 (组 合) -->
        <div id="u2291" class="ax_default" data-label="个人头像" data-left="525" data-top="139" data-width="33" data-height="33">

          <!-- Unnamed (椭圆形) -->
          <div id="u2292" class="ax_default ellipse">
            <img id="u2292_img" class="img " src="images/消息页逻辑图/u2220.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2293" class="ax_default icon">
            <img id="u2293_img" class="img " src="images/消息页逻辑图/u2221.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2294" class="ax_default box_1">
          <div id="u2294_div" class=""></div>
          <div id="u2294_text" class="text ">
            <p><span>小A</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2295" class="ax_default box_1">
          <div id="u2295_div" class=""></div>
          <div id="u2295_text" class="text ">
            <p><span>这里是小A</span></p>
          </div>
        </div>

        <!-- 个人头像 (组 合) -->
        <div id="u2296" class="ax_default" data-label="个人头像" data-left="525" data-top="184" data-width="33" data-height="33">

          <!-- Unnamed (椭圆形) -->
          <div id="u2297" class="ax_default ellipse">
            <img id="u2297_img" class="img " src="images/消息页逻辑图/u2220.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2298" class="ax_default icon">
            <img id="u2298_img" class="img " src="images/消息页逻辑图/u2221.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2299" class="ax_default box_1">
          <div id="u2299_div" class=""></div>
          <div id="u2299_text" class="text ">
            <p><span>B君</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2300" class="ax_default box_1">
          <div id="u2300_div" class=""></div>
          <div id="u2300_text" class="text ">
            <p><span>Biubiubiubiu</span></p>
          </div>
        </div>

        <!-- Unnamed (头像) -->

        <!-- 个人头像 (组 合) -->
        <div id="u2302" class="ax_default" data-label="个人头像" data-left="0" data-top="0" data-width="45" data-height="45">

          <!-- Unnamed (椭圆形) -->
          <div id="u2303" class="ax_default ellipse">
            <img id="u2303_img" class="img " src="images/用例说明/u489.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2304" class="ax_default icon">
            <img id="u2304_img" class="img " src="images/用例说明/u490.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2305" class="ax_default box_1">
          <div id="u2305_div" class=""></div>
          <div id="u2305_text" class="text ">
            <p><span>CC</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2306" class="ax_default box_1">
          <div id="u2306_div" class=""></div>
          <div id="u2306_text" class="text ">
            <p><span>来人陪我玩创玩空…</span></p>
          </div>
        </div>

        <!-- Unnamed (头像) -->

        <!-- 个人头像 (组 合) -->
        <div id="u2308" class="ax_default" data-label="个人头像" data-left="0" data-top="0" data-width="45" data-height="45">

          <!-- Unnamed (椭圆形) -->
          <div id="u2309" class="ax_default ellipse">
            <img id="u2309_img" class="img " src="images/用例说明/u489.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2310" class="ax_default icon">
            <img id="u2310_img" class="img " src="images/用例说明/u490.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2311" class="ax_default box_1">
          <div id="u2311_div" class=""></div>
          <div id="u2311_text" class="text ">
            <p><span>D酱</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2312" class="ax_default box_1">
          <div id="u2312_div" class=""></div>
          <div id="u2312_text" class="text ">
            <p><span>超级喜欢大大！</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2313" class="ax_default box_1">
          <div id="u2313_div" class=""></div>
          <div id="u2313_text" class="text ">
            <p><span>好友</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2314" class="ax_default line">
          <img id="u2314_img" class="img " src="images/消息页逻辑图/u2240.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2315" class="ax_default line">
          <img id="u2315_img" class="img " src="images/消息页逻辑图/u2240.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2316" class="ax_default line">
          <img id="u2316_img" class="img " src="images/消息页逻辑图/u2240.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2317" class="ax_default _图片">
          <img id="u2317_img" class="img " src="images/全局说明/u311.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2318" class="ax_default box_2">
          <div id="u2318_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2319" class="ax_default box_3">
          <div id="u2319_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2320" class="ax_default label">
          <div id="u2320_div" class=""></div>
          <div id="u2320_text" class="text ">
            <p><span>发送</span></p>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u2321" class="ax_default" data-left="527" data-top="218" data-width="10" data-height="14">

          <!-- Unnamed (形状) -->
          <div id="u2322" class="ax_default _形状">
            <img id="u2322_img" class="img " src="images/消息页逻辑图/u2322.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2323" class="ax_default _形状">
            <img id="u2323_img" class="img " src="images/首页逻辑图/u595.png"/>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u2324" class="ax_default" data-left="509" data-top="392" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u2325" class="ax_default" data-left="509" data-top="392" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u2326" class="ax_default box_1">
            <div id="u2326_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2327" class="ax_default box_1">
            <div id="u2327_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u2328" class="ax_default ellipse">
            <img id="u2328_img" class="img " src="images/全局说明/u293.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u2329" class="ax_default ellipse">
            <img id="u2329_img" class="img " src="images/首页逻辑图/u518.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2330" class="ax_default box_1">
            <div id="u2330_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2331" class="ax_default _图片">
          <img id="u2331_img" class="img " src="images/全局说明/u296.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2332" class="ax_default line">
          <img id="u2332_img" class="img " src="images/首页逻辑图/u575.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2333" class="ax_default box_2">
          <div id="u2333_div" class=""></div>
        </div>

        <!-- Unnamed (气泡) -->
        <div id="u2334" class="ax_default box_1">
          <img id="u2334_img" class="img " src="images/消息页逻辑图/u2254.png"/>
        </div>

        <!-- Unnamed (气泡) -->
        <div id="u2335" class="ax_default box_1">
          <img id="u2335_img" class="img " src="images/消息页逻辑图/u2255.png"/>
        </div>

        <!-- 个人头像 (组 合) -->
        <div id="u2336" class="ax_default" data-label="个人头像" data-left="521" data-top="495" data-width="33" data-height="33">

          <!-- Unnamed (椭圆形) -->
          <div id="u2337" class="ax_default ellipse">
            <img id="u2337_img" class="img " src="images/消息页逻辑图/u2220.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2338" class="ax_default icon">
            <img id="u2338_img" class="img " src="images/消息页逻辑图/u2221.png"/>
          </div>
        </div>

        <!-- 个人头像 (组 合) -->
        <div id="u2339" class="ax_default" data-label="个人头像" data-left="521" data-top="541" data-width="33" data-height="33">

          <!-- Unnamed (椭圆形) -->
          <div id="u2340" class="ax_default ellipse">
            <img id="u2340_img" class="img " src="images/消息页逻辑图/u2220.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2341" class="ax_default icon">
            <img id="u2341_img" class="img " src="images/消息页逻辑图/u2221.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2342" class="ax_default box_1">
          <div id="u2342_div" class=""></div>
          <div id="u2342_text" class="text ">
            <p><span>11:58</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2343" class="ax_default _图片">
          <img id="u2343_img" class="img " src="images/全局说明/u311.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2344" class="ax_default box_2">
          <div id="u2344_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2345" class="ax_default box_3">
          <div id="u2345_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2346" class="ax_default label">
          <div id="u2346_div" class=""></div>
          <div id="u2346_text" class="text ">
            <p><span>发送</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2347" class="ax_default box_2">
          <div id="u2347_div" class=""></div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u2348" class="ax_default _形状">
          <img id="u2348_img" class="img " src="images/书籍阅读/u1081.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2349" class="ax_default box_1">
          <div id="u2349_div" class=""></div>
          <div id="u2349_text" class="text ">
            <p><span>B君</span></p>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u2350" class="ax_default" data-left="526" data-top="588" data-width="10" data-height="14">

          <!-- Unnamed (形状) -->
          <div id="u2351" class="ax_default _形状">
            <img id="u2351_img" class="img " src="images/消息页逻辑图/u2322.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2352" class="ax_default _形状">
            <img id="u2352_img" class="img " src="images/首页逻辑图/u595.png"/>
          </div>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u2353" class="ax_default _连接线">
        <img id="u2353_seg0" class="img " src="images/消息页逻辑图/u2353_seg0.png" alt="u2353_seg0"/>
        <img id="u2353_seg1" class="img " src="images/创作模式选择-阅读式小说创作--发布/u2136_seg1.png" alt="u2353_seg1"/>
        <img id="u2353_seg2" class="img " src="images/消息页逻辑图/u2353_seg2.png" alt="u2353_seg2"/>
        <img id="u2353_seg3" class="img " src="images/消息页逻辑图/u2353_seg3.png" alt="u2353_seg3"/>
        <img id="u2353_seg4" class="img " src="images/首页逻辑图/u625_seg4.png" alt="u2353_seg4"/>
        <div id="u2353_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u2354" class="ax_default _连接线">
        <img id="u2354_seg0" class="img " src="images/消息页逻辑图/u2354_seg0.png" alt="u2354_seg0"/>
        <img id="u2354_seg1" class="img " src="images/消息页逻辑图/u2354_seg1.png" alt="u2354_seg1"/>
        <img id="u2354_seg2" class="img " src="images/消息页逻辑图/u2354_seg2.png" alt="u2354_seg2"/>
        <img id="u2354_seg3" class="img " src="images/首页逻辑图/u625_seg4.png" alt="u2354_seg3"/>
        <img id="u2354_seg4" class="img " src="images/首页逻辑图/u624_seg4.png" alt="u2354_seg4"/>
        <div id="u2354_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2355" class="ax_default box_1">
        <img id="u2355_img" class="img " src="images/消息页逻辑图/u2355.png"/>
        <div id="u2355_text" class="text ">
          <p><span>逻辑说明：</span></p><p><span>1、在【消息页】中点击&quot;联系人&quot;即可跳转至【联系人】</span></p><p><span><br></span></p><p><span>2、 在【消息页】中点击&quot;头像/昵称/留言&quot;即可跳转至【聊天页面】</span></p><p><span><br></span></p><p><span>3、在【聊天页面】中点击&quot;输入框&quot;可跳出字母键盘进行对话</span></p><p><span><br></span></p><p><span>4、在【联系人】中点击&quot;搜索&quot;跳出字母键盘，显示出闪烁光标，用户可输入信息进行搜索/添加用户</span></p><p><span>&nbsp;</span></p><p><span>5、在【联系人】中点击&quot;头像/个性签名&quot;即可跳转至【聊天页面】</span></p><p><span><br></span></p><p><span>6、在【聊天页面】中点击&quot;对话框&quot;可弹出字母键盘进行聊天</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
